<template>
  <el-dialog :visible="visible" title="推荐给面试官" @close="closeHandle" width="300px">
    <div class="p-20">
      <el-form v-model="form" ref="form" size="small" label-width="60px" label-position="left">
        <el-form-item label="岗位">
          <el-select v-model="form.post" @change="changePost" style="width:100%" clearable>
            <el-option value="岗位1" label="岗位1"></el-option>
            <el-option value="岗位2" label="岗位2"></el-option>
            <el-option value="岗位3" label="岗位3"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="面试官">
          <el-input type="text" v-model="form.interviewer" clearable></el-input>
        </el-form-item>
        <div class="dialog-bottom t-right">
          <ui-button size="medium" type="blue">推荐给面试官</ui-button>
        </div>
      </el-form>
    </div>
  </el-dialog>
</template>

<script>
import {Dialog, Form, FormItem, Button, Select, Option, Input} from 'element-ui'
  export default {
    components: {
      [Dialog.name]: Dialog,
      [Form.name]: Form,
      [FormItem.name]: FormItem,
      [Button.name]: Button,
      [Select.name]: Select,
      [Option.name]: Option,
      [Input.name]: Input,
    },
    props: ['visible'],
    data () {
      return {
        form: {},
      }
    },
    methods: {
      closeHandle() {
        this.$emit('update:visible', false)
      },
      changePost(val) {
        this.form.interviewer = val + '面试官'
      }
    }
  }
</script>

<style>

 
</style>
